<%@page import="grupobbva.pe.operhc.util.Constant"%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html"  prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"   prefix="c" %>
<%@page import="java.util.List"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/ui.jqgrid.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/redmond/jquery-ui-1.8.2.custom.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/operhc_style.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/buttonOHC.css" />
	
	<script type="text/javascript" src='<%= request.getContextPath()%>/dwr/interface/ConfigProductoAction.js'></script>
	<script type='text/javascript' src='<%= request.getContextPath()%>/dwr/engine.js'></script>
	<script type='text/javascript' src='<%= request.getContextPath()%>/dwr/util.js'></script>
	<script src="<%=request.getContextPath()%>/js/util/gridUtil.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath()%>/js/jquery-1.7.1.js" type="text/javascript"></script>	
	<script src="<%=request.getContextPath()%>/js/i18n/grid.locale-es.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath()%>/js/jquery.jqGrid.src.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath()%>/js/grid.subgrid.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath()%>/js/util/encabezado.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath()%>/js/util/formatters.js" type="text/javascript"></script>
	
</head>

<script type="text/javascript" charset="UTF-8">

var arrEmisoras = new Array();
var arrSegmentos = new Array();
var idTableEmisora = 'listEmisoras';
var idTableSegmento = 'listSegmentos';
var lastSelEmisora = '';
var lastSelSegmento = '';
var lastSelSubProducto = '';
var rutaContexto1 = location.pathname;
var rutaContexto2 = "<%=request.getContextPath()%>";
var rutaContexto  = rutaContexto1.substr(0, rutaContexto1.indexOf(rutaContexto2)) + rutaContexto2;

var myColNamesSubProd1  = ['','','Tasa %', 'Codigo', 'Descripcion', 'Divisa', 'Rango Minimo', 'Rango Maximo'];
var myDataModelSubProd1 = [{name : 'codConfigProductoHdn',	index : 'codConfigProductoHdn',	width : VAL_WIDTH.SMALL, 	editable:true, editrules: {edithidden:true, required:true}, hidden:true},
                           {name : 'idSubProducto',			index : 'idSubProducto',		width : VAL_WIDTH.SMALL, 	editable:true, editrules: {edithidden:true, required:true}, hidden:true},
                           {name : 'valTasa',				index : 'valTasa', 				width : VAL_WIDTH.SMALL,	editable:true, edittype:'text', 	editoptions: {size:20, maxlength: 7		},  editrules: {required: true, number: true, minValue: 0, maxValue: 100}},
                           {name : 'codSubProducto',		index : 'codSubProducto' , 		width : VAL_WIDTH.SMALL, 	editable:true, edittype:'text', 	editoptions: {size:20, maxlength: 10	 , 	style: 'text-transform: uppercase'},  editrules: {required: true}},
                    	   {name : 'desSubProducto',		index : 'desSubProducto' ,		width : VAL_WIDTH.LARGE, 	editable:true, edittype:'text', 	editoptions: {size:64, maxlength: 255	}, 	editrules: {required: true}},
                    	   {name : 'divisa', 				index : 'divisa', 				width : VAL_WIDTH.SMALL,	editable:true, edittype:'select', 	editoptions: {value:{'PEN':'Soles', 'USD':'Dólares'}}, align : 'center', formatter: configDivisaFormat, unformat: genericUnFormat},
                    	   {name : 'rangoMin',				index : 'rangoMin' ,			width : VAL_WIDTH.SMALL, 	editable:true, edittype:'text', 	editoptions: {size:20, maxlength: 10, style: 'text-align: right'}, 	editrules: {number: true, minValue: 0}, align : 'right'},
                    	   {name : 'rangoMax',				index : 'rangoMax' ,			width : VAL_WIDTH.SMALL, 	editable:true, edittype:'text', 	editoptions: {size:20, maxlength: 10, style: 'text-align: right'}, 	editrules: {number: true, minValue: 0}, align : 'right'}];
                    	   
var myColNamesSubProd2  = ['','','Tasa %', 'Tipo', 'BIN', 'Descripcion', 'Divisa', 'Rango Minimo', 'Rango Maximo'];
var myDataModelSubProd2 = [{name : 'codConfigProductoHdn',	index : 'codConfigProductoHdn',	width : VAL_WIDTH.SMALL, 	editable:true, editrules: {edithidden:true, required:true}, hidden:true},
                           {name : 'idSubProducto',			index : 'idSubProducto',		width : VAL_WIDTH.SMALL, 	editable:true, editrules: {edithidden:true, required:true}, hidden:true},
                           {name : 'valTasa',				index : 'valTasa', 				width : VAL_WIDTH.SMALL,	editable:true, edittype:'text', 	editoptions: {size:20, maxlength: 7		}, 	editrules: {required: true, number: true, minValue: 0, maxValue: 100}},
                           {name : 'valTipo',				index : 'valTipo' ,				width : VAL_WIDTH.SMALL, 	editable:true, edittype:'text', 	editoptions: {size:20, maxlength: 10	},  editrules: {required: true}},
                           {name : 'valBin',				index : 'valBin' ,				width : VAL_WIDTH.SMALL, 	editable:true, edittype:'text', 	editoptions: {size:20, maxlength: 6 	},  editrules: {required: true, integer: true, minValue: 0, maxValue: 999999}},
                    	   {name : 'desSubProducto',		index : 'desSubProducto' ,		width : VAL_WIDTH.MED, 	 	editable:true, edittype:'text', 	editoptions: {size:40, maxlength: 255	}, 	editrules: {required: true}},
                    	   {name : 'divisa', 				index : 'divisa', 				width : VAL_WIDTH.SMALL,	editable:true, edittype:'select', 	editoptions: {value:{'PEN':'Soles', 'USD':'Dólares'}}, align : 'center', formatter: configDivisaFormat, unformat: genericUnFormat},
                    	   {name : 'rangoMin',				index : 'rangoMin' ,			width : VAL_WIDTH.SMALL, 	editable:true, edittype:'text', 	editoptions: {size:20, maxlength: 10, style: 'text-align: right'}, 	editrules: {number: true, minValue: 0}, align : 'right'},
                    	   {name : 'rangoMax',				index : 'rangoMax' ,			width : VAL_WIDTH.SMALL, 	editable:true, edittype:'text', 	editoptions: {size:20, maxlength: 10, style: 'text-align: right'}, 	editrules: {number: true, minValue: 0}, align : 'right'}];

var myColNamesEmisora  = ['','','Codigo', 'Descripcion', 'Activo'];
var myDataModelEmisora = [ {name : 'codConfigProductoHdn',	index : 'codConfigProductoHdn',	width : VAL_WIDTH.SMALL, 	editable:true, editrules: {edithidden:true, required:true}, hidden:true},
                           {name : 'codEmisoraHdn',			index : 'codEmisoraHdn',		width : VAL_WIDTH.SMALL, 	editable:true, editrules: {edithidden:true, required:true}, hidden:true, formatter: codEmisoraFormat, unformat: genericUnFormat},
                    	   {name : 'codEmisora',			index : 'codEmisora' , 			width : VAL_WIDTH.SMALL, 	editable:true, edittype:'text', 	editoptions: {size:23, maxlength: 11, style: 'text-transform: uppercase'},  editrules: {required: true}},
                    	   {name : 'desEmisora',			index : 'desEmisora' ,			width : VAL_WIDTH.MED, 	 	editable:true, edittype:'text', 	editoptions: {size:40, maxlength: 255}, editrules: {required: true}},
                    	   {name : 'seleccionEmisora',		index : 'seleccionEmisora', 	width : VAL_WIDTH.SMALL,	editable:true, edittype:'checkbox', align:'center', formatter: checkEmisoraFormat, unformat: genericCheckUnFormat, sortable: false}];

var myColNamesSegmento  = ['','','Codigo', 'Descripcion', 'Activo'];
var myDataModelSegmento = [{name : 'codConfigProductoHdn',	index : 'codConfigProductoHdn',	width : VAL_WIDTH.SMALL, 	editable:true, editrules: {edithidden:true, required:true}, hidden:true},
                           {name : 'codSegmentoHdn',		index : 'codSegmentoHdn',		width : VAL_WIDTH.SMALL, 	editable:true, editrules: {edithidden:true, required:true}, hidden:true, formatter: codSegmentoFormat, unformat: genericUnFormat},
                    	   {name : 'codSegmento',			index : 'codSegmento' , 		width : VAL_WIDTH.SMALL, 	editable:true, edittype:'text', 	editoptions: {size:23, maxlength: 10, style: 'text-transform: uppercase'},  editrules: {required: true}},
                    	   {name : 'desSegmento',			index : 'desSegmento' ,			width : VAL_WIDTH.MED, 	 	editable:true, edittype:'text', 	editoptions: {size:40, maxlength: 255}, editrules: {required: true}},
                    	   {name : 'seleccionSegmento',		index : 'seleccionSegmento', 	width : VAL_WIDTH.SMALL,	editable:true, edittype:'checkbox', align:'center', formatter: checkSegmentoFormat, unformat: genericCheckUnFormat, sortable: false}];

if (jQuery.browser.msie){
	document.getElementsByName = function(name, tag){
	    return getElementsByName_iefix(name, tag);
	};
}

//frk: si damos agregar y luego ESC se debe eliminar la fila agregada
$(document).keyup(function(e) {
  //frk: se presiono el ESC
  var tecla = (document.all) ? e.keyCode : e.which; 
  if (tecla == 27) {
	  lastSelEmisora = '';
	  lastSelSegmento = '';
	  lastSelSubProducto = '';
	  deleteTblRowAdded('listEmisoras');
	  deleteTblRowAdded('listSegmentos');
	  deleteTblRowAdded('listSubProductos');
  }else{
	  
  	var codEmisora 	= document.getElementsByName("codEmisora")[0];
	var codSegmento = document.getElementsByName("codSegmento")[0];
		
	if(codEmisora != undefined){
		codEmisora.value = codEmisora.value.toUpperCase();
	}
	
	if(codSegmento != undefined){
		codSegmento.value = codSegmento.value.toUpperCase();
	}
  }
});


function viewConfigProductList(){
	var formulario = document.getElementById('formConfigProd');
	var codProductoPadre = formulario.codProductoPadre.value;
	
	formulario.action = rutaContexto+'/configProductForm.do?method=verListado&codigo='+codProductoPadre;
	formulario.submit();
}

function consultarSubProductos(operation, message){

	var codConfigProducto = document.getElementById('formConfigProd').codConfigProducto.value;
	var codProductoPadre = document.getElementById('formConfigProd').codProductoPadre.value;
	var familiaProducto = document.getElementById('formConfigProd').familiaProducto.value;
	
	jQuery("#listSubProductos").GridUnload();
	ConfigProductoAction.consultarSubProductosAjax(codConfigProducto, codProductoPadre, function(data){
		
		if(familiaProducto == '<%=Constant.FAMILIA_TARJETAS%>'){
			mostrarTablaSubProd2(data);
		}else{
			mostrarTablaSubProd1(data);
		}
		
		if(operation == 'logicDelete'){
			alert(message);
		}
	});
}

function consultarEmisoras(operation, message){

	var formulario = document.getElementById('formConfigProd');
	var codConfigProducto = formulario.codConfigProducto.value;
	var codProductoPadre = formulario.codProductoPadre.value;
	
	jQuery("#listEmisoras").GridUnload();
	ConfigProductoAction.consultarEmisorasAjax(codConfigProducto, codProductoPadre, function(data){
		
		mostrarTablaEmisoras(data);
		if(operation == 'logicDelete'){
			alert(message);
		}
	});
}

function consultarSegmentos(operation, message){

	var formulario = document.getElementById('formConfigProd');
	var codConfigProducto = formulario.codConfigProducto.value;
	var codProductoPadre = formulario.codProductoPadre.value;
	
	jQuery("#listSegmentos").GridUnload();
	ConfigProductoAction.consultarSegmentosAjax(codConfigProducto, codProductoPadre, function(data){
		
		mostrarTablaSegmentos(data);
		if(operation == 'logicDelete'){
			alert(message);
		}
	});
}

function mostrarTablaSubProd1(data){
	
	var idTableForm = 'listSubProductos';
	$('body').append('<div id="paginador_listSubProductos" class="grid"></div>'); 
	var paginador = "paginador_listSubProductos";
	
	jQuery("#"+idTableForm).jqGrid(
	{
		beforeSelectRow: function(){},
		afterInsertRow: function(id, rowdata, rowelem){
			
			if(id == undefined){
				jQuery("#"+idTableForm).jqGrid('editRow', id,
		        { 
	       		    keys : true,
	       		    restoreAfterError : true,
	       		    errorfunc: function(rowid, response) {
	       		    	
	      		    	var mensaje = response.responseText;
	      		    	deleteTblRowAdded(idTableForm);
	      		    	
	   		    		if (mensaje != "" && mensaje != undefined) {
	   		    			setTimeout("alert('"+mensaje+"','Cerrar',{left:460})", 250);        		    			
  		    		    }else{
  		    		    	setTimeout("alert('Ocurrió un error al intentar guardar la información.','Cerrar',{left:460})", 250);
  		    		    }   		    		
	       		    },
	       		    afterrestorefunc: function(rowid) {
	       		    	lastSelSubProducto = '';
	       		    },
	       		    aftersavefunc: function(rowid, response){
	       		    	lastSelSubProducto = '';
	       		    	var idGenerado = response.responseText;
	       		    	flushTblRowAdded(idTableForm, '', 0, 2, idGenerado);
	       		    }
	       		});
				
    			setEventsValidationConfigProd();
			}		
		},
		ondblClickRow: function(id, indexRow, indexCol, e){
			
			if(id && id!==lastSelSubProducto){
				
				if(lastSelSubProducto != ''){
		        	jQuery('#'+idTableForm).restoreRow(lastSelSubProducto,true);
				}
				
		    	var codSubProducto = document.getElementsByName("codSubProducto")[0];
		    	var desSubProducto = document.getElementsByName("desSubProducto")[0];
		    	var valTasa = document.getElementsByName("valTasa")[0];
		    	
		    	if(desSubProducto != undefined || codSubProducto != undefined || valTasa != undefined){
		    		if($.trim(desSubProducto.value) == '' || $.trim(codSubProducto.value) == '' || $.trim(valTasa.value) == ''){
		    			
		    			deleteTblRowAdded(idTableForm);
		    			jQuery('#'+idTableForm).jqGrid('editRow',id,
    			        { 
    	        		    keys : true,
    	        		    restoreAfterError : true,
    	        		    errorfunc: function(rowid, response) {
    	        		    	
    	       		    		var mensaje = response.responseText;
    	    		    		if (mensaje != "" && mensaje != undefined) {
    	    		    			setTimeout("alert('"+mensaje+"','Cerrar',{left:460})", 250);        		    			
    	   		    		    }else{
    	   		    		    	setTimeout("alert('Ocurrió un error al intentar guardar la información.','Cerrar',{left:460})", 250);
    	   		    		    }
    	        		    },
    	        		    afterrestorefunc: function(rowid) {
    	        		    	lastSelSubProducto = '';
    	        		    },
    	        		    aftersavefunc: function(rowid, response){
    	        		    	lastSelSubProducto = '';
    	        		    }
    	        		});
		    			
		    			setEventsValidationConfigProd();
		    			
		    			lastSelSubProducto=id;
    			        if(lastSelSubProducto == 'undefined'){
    			        	lastSelSubProducto = '';
    			        }    			        
		    			        
		    		}else{
		    			jQuery("#"+idTableForm).jqGrid('saveRow', "undefined",
		    			{
			       		    restoreAfterError : false,
			       		    errorfunc: function(rowid, response) {
			       		    	
			      		    	var mensaje = response.responseText;
			      		    	deleteTblRowAdded(idTableForm);
			      		    	
			   		    		if (mensaje != "" && mensaje != undefined) {
			   		    			setTimeout("alert('"+mensaje+"','Cerrar',{left:460})", 250);        		    			
		  		    		    }else{
		  		    		    	setTimeout("alert('Ocurrió un error al intentar guardar la información.','Cerrar',{left:460})", 250);
		  		    		    }   		    		
			       		    },
			       		    aftersavefunc: function(rowid, response){
			       		    	lastSelSubProducto = '';
			       		    	var idGenerado = response.responseText;
			       		    	flushTblRowAdded(idTableForm, '', 0, 2, idGenerado);
			       		    }
			       		});
		    		}			        
		    	}else{
		    		
		    		jQuery('#'+idTableForm).jqGrid('editRow',id,
    		        { 
            		    keys : true,
            		    restoreAfterError : true,
            		    errorfunc: function(rowid, response) {
            		    	
           		    		var mensaje = response.responseText;
        		    		if (mensaje != "" && mensaje != undefined) {
        		    			setTimeout("alert('"+mensaje+"','Cerrar',{left:460})", 250);        		    			
       		    		    }else{
       		    		    	setTimeout("alert('Ocurrió un error al intentar guardar la información.','Cerrar',{left:460})", 250);
       		    		    }
            		    },
            		    afterrestorefunc: function(rowid) {
            		    	lastSelSubProducto = '';
            		    },
            		    aftersavefunc: function(rowid, response){
            		    	lastSelSubProducto = '';
            		    }
            		});
    		        
		    		setEventsValidationConfigProd();
		    		
		    		lastSelSubProducto=id;
    		        if(lastSelSubProducto == 'undefined'){
    		        	lastSelSubProducto = '';
			        }
		    	}
		    }
		},
		onPaging: function(pgButton) {
			deleteTblRowAdded(idTableForm);
        },
		editurl		: rutaContexto+'/configProductForm.do?method=guardarSubProductoAjax',
	    caption		: "Listado de SubProductos",
		data 	 	: data,
		datatype 	: "local",
		height   	: "100%",
		weight 	 	: 1000,
		colNames 	: myColNamesSubProd1,
		colModel 	: myDataModelSubProd1,
		rowList 	: [5,10,15,20,25],
		rowNum 		: 15, 
		pager 		: paginador,
		viewrecords : true,
		loadonce	: true,
		multiselect : true,			
		subGrid    	: false,
		footerrow  	: false,
		loadComplete :
           function (data) {}
	});
}

function mostrarTablaSubProd2(data){
	
	var idTableForm = 'listSubProductos';
	$('body').append('<div id="paginador_listSubProductos" class="grid"></div>'); 
	var paginador = "paginador_listSubProductos";
	
	jQuery("#"+idTableForm).jqGrid(
	{
		beforeSelectRow: function(){},
		afterInsertRow: function(id, rowdata, rowelem){
			
			if(id == undefined){
				jQuery("#"+idTableForm).jqGrid('editRow', id,
		        { 
	       		    keys : true,
	       		    restoreAfterError : true,
	       		    errorfunc: function(rowid, response) {
	       		    	
	      		    	var mensaje = response.responseText;
	      		    	deleteTblRowAdded(idTableForm);
	      		    	
	   		    		if (mensaje != "" && mensaje != undefined) {
	   		    			setTimeout("alert('"+mensaje+"','Cerrar',{left:460})", 250);        		    			
  		    		    }else{
  		    		    	setTimeout("alert('Ocurrió un error al intentar guardar la información.','Cerrar',{left:460})", 250);
  		    		    }   		    		
	       		    },
	       		    afterrestorefunc: function(rowid) {
	       		    	lastSelSubProducto = '';
	       		    },
	       		    aftersavefunc: function(rowid, response){
	       		    	lastSelSubProducto = '';
	       		    	var idGenerado = response.responseText;
	       		    	flushTblRowAdded(idTableForm, '', 0, 2, idGenerado);
	       		    }
	       		});
				
				setEventsValidationConfigProd();
			}		
		},
		ondblClickRow: function(id, indexRow, indexCol, e){
			
			if(id && id!==lastSelSubProducto){
				
				if(lastSelSubProducto != ''){
		        	jQuery('#'+idTableForm).restoreRow(lastSelSubProducto,true);
				}
				
		    	var desSubProducto = document.getElementsByName("desSubProducto")[0];
		    	var valTasa = document.getElementsByName("valTasa")[0];
		    	var valTipo = document.getElementsByName("valTipo")[0];
		    	var valBin  = document.getElementsByName("valBin")[0];
		    	
		    	if(desSubProducto != undefined || valTipo != undefined || valBin != undefined || valTasa != undefined){
		    		if($.trim(desSubProducto.value) == '' || $.trim(valTipo.value) == '' || $.trim(valBin.value) == '' || $.trim(valTasa.value) == ''){
		    			
		    			deleteTblRowAdded(idTableForm);
		    			jQuery('#'+idTableForm).jqGrid('editRow',id,
    			        { 
    	        		    keys : true,
    	        		    restoreAfterError : true,
    	        		    errorfunc: function(rowid, response) {
    	        		    	
    	       		    		var mensaje = response.responseText;
    	    		    		if (mensaje != "" && mensaje != undefined) {
    	    		    			setTimeout("alert('"+mensaje+"','Cerrar',{left:460})", 250);        		    			
    	   		    		    }else{
    	   		    		    	setTimeout("alert('Ocurrió un error al intentar guardar la información.','Cerrar',{left:460})", 250);
    	   		    		    }
    	        		    },
    	        		    afterrestorefunc: function(rowid) {
    	        		    	lastSelSubProducto = '';
    	        		    },
    	        		    aftersavefunc: function(rowid, response){
    	        		    	lastSelSubProducto = '';
    	        		    }
    	        		});
		    			
		    			setEventsValidationConfigProd();
		    			
		    			lastSelSubProducto=id;
    			        if(lastSelSubProducto == 'undefined'){
    			        	lastSelSubProducto = '';
    			        }    			        
		    			        
		    		}else{
		    			jQuery("#"+idTableForm).jqGrid('saveRow', "undefined",
		    			{
			       		    restoreAfterError : false,
			       		    errorfunc: function(rowid, response) {
			       		    	
			      		    	var mensaje = response.responseText;
			      		    	deleteTblRowAdded(idTableForm);
			      		    	
			   		    		if (mensaje != "" && mensaje != undefined) {
			   		    			setTimeout("alert('"+mensaje+"','Cerrar',{left:460})", 250);        		    			
		  		    		    }else{
		  		    		    	setTimeout("alert('Ocurrió un error al intentar guardar la información.','Cerrar',{left:460})", 250);
		  		    		    }   		    		
			       		    },
			       		    aftersavefunc: function(rowid, response){
			       		    	lastSelSubProducto = '';
			       		    	var idGenerado = response.responseText;
			       		    	flushTblRowAdded(idTableForm, '', 0, 2, idGenerado);
			       		    }
			       		});
		    		}			        
		    	}else{
		    		
		    		jQuery('#'+idTableForm).jqGrid('editRow',id,
    		        { 
            		    keys : true,
            		    restoreAfterError : true,
            		    errorfunc: function(rowid, response) {
            		    	
           		    		var mensaje = response.responseText;
        		    		if (mensaje != "" && mensaje != undefined) {
        		    			setTimeout("alert('"+mensaje+"','Cerrar',{left:460})", 250);        		    			
       		    		    }else{
       		    		    	setTimeout("alert('Ocurrió un error al intentar guardar la información.','Cerrar',{left:460})", 250);
       		    		    }
            		    },
            		    afterrestorefunc: function(rowid) {
            		    	lastSelSubProducto = '';
            		    },
            		    aftersavefunc: function(rowid, response){
            		    	lastSelSubProducto = '';
            		    }
            		});
		    		
		    		setEventsValidationConfigProd();
    		        
		    		lastSelSubProducto=id;
    		        if(lastSelSubProducto == 'undefined'){
    		        	lastSelSubProducto = '';
			        }
		    	}
		    }
		},
		onPaging: function(pgButton) {
			deleteTblRowAdded(idTableForm);
        },
		editurl		: rutaContexto+'/configProductForm.do?method=guardarSubProductoAjax',
	    caption		: "Listado de SubProductos",
		data 	 	: data,
		datatype 	: "local",
		height   	: "100%",
		weight 	 	: 1000,
		colNames 	: myColNamesSubProd2,
		colModel 	: myDataModelSubProd2,
		rowList 	: [5,10,15,20,25],
		rowNum 		: 15, 
		pager 		: paginador,
		viewrecords : true,
		loadonce	: true,
		multiselect : true,			
		subGrid    	: false,
		footerrow  	: false,
		loadComplete :
           function (data) {}
	});
}

function mostrarTablaEmisoras(data){
	
	$('body').append('<div id="paginador_listEmisoras" class="grid"></div>'); 
	var paginador = "paginador_listEmisoras";
	
	jQuery("#"+idTableEmisora).jqGrid(
	{
		beforeSelectRow: function(){},
		afterInsertRow: function(id, rowdata, rowelem){
			
			if(id == undefined){
				jQuery("#"+idTableEmisora).jqGrid('editRow', id,
		        { 
	       		    keys : true,
	       		    restoreAfterError : true,
	       		    errorfunc: function(rowid, response) {
	       		    	
	      		    	var mensaje = response.responseText;
	      		    	deleteTblRowAdded(idTableEmisora);
	      		    	
	   		    		if (mensaje != "" && mensaje != undefined) {
	   		    			setTimeout("alert('"+mensaje+"','Cerrar',{left:460})", 250);        		    			
  		    		    }else{
  		    		    	setTimeout("alert('Ocurrió un error al intentar guardar la información.','Cerrar',{left:460})", 250);
  		    		    }   		    		
	       		    },
	       		    afterrestorefunc: function(rowid) {
	       		    	lastSelEmisora = '';
	       		    },
	       		    aftersavefunc: function(rowid, response){
	       		    	lastSelEmisora = '';
	       		    	flushTblRowAdded(idTableEmisora, 'arrayCodEmisora', 3, 2, '');
	       		    	
	       		    	initialCheckGrid(arrEmisoras, idTableEmisora, 3, 2, 'arrayCheckEmisora');
	       				recordCheckGrid(idTableEmisora, arrEmisoras, 'codEmisoraHdn', 'arrayCheckEmisora');
	       		    }
	       		});
			}		
		},
		ondblClickRow: function(id, indexRow, indexCol, e){
			
			if(id && id!==lastSelEmisora){
				
				if(lastSelEmisora != ''){
		        	jQuery('#'+idTableEmisora).restoreRow(lastSelEmisora,true);
				}
				
		        var codEmisora = document.getElementsByName("codEmisora")[0];
		    	var desEmisora = document.getElementsByName("desEmisora")[0];
		    	
		    	if(codEmisora != undefined && desEmisora != undefined){
		    		if($.trim(codEmisora.value) == '' || $.trim(desEmisora.value) == ''){
		    			
		    			deleteTblRowAdded(idTableEmisora);
		    			jQuery('#'+idTableEmisora).jqGrid('editRow',id,
    			        { 
    	        		    keys : true,
    	        		    restoreAfterError : true,
    	        		    errorfunc: function(rowid, response) {
    	        		    	
    	       		    		var mensaje = response.responseText;
    	    		    		if (mensaje != "" && mensaje != undefined) {
    	    		    			setTimeout("alert('"+mensaje+"','Cerrar',{left:460})", 250);        		    			
    	   		    		    }else{
    	   		    		    	setTimeout("alert('Ocurrió un error al intentar guardar la información.','Cerrar',{left:460})", 250);
    	   		    		    }
    	        		    },
    	        		    afterrestorefunc: function(rowid) {
    	        		    	lastSelEmisora = '';
    	        		    },
    	        		    aftersavefunc: function(rowid, response){
    	        		    	flushTblRowEdited(idTableEmisora, 'arrayCodEmisora', 3, 2, lastSelEmisora);
    	        		    	lastSelEmisora = '';
    	        		    	
    	        		    	initialCheckGrid(arrEmisoras, idTableEmisora, 3, 2, 'arrayCheckEmisora');
    	        				recordCheckGrid(idTableEmisora, arrEmisoras, 'codEmisoraHdn', 'arrayCheckEmisora');
    	        		    }
    	        		});
    			        
		    			lastSelEmisora=id;
    			        if(lastSelEmisora == 'undefined'){
    			        	lastSelEmisora = '';
    			        }    			        
		    			        
		    		}else{
		    			jQuery("#"+idTableEmisora).jqGrid('saveRow', "undefined",
		    			{
			       		    restoreAfterError : false,
			       		    errorfunc: function(rowid, response) {
			       		    	
			      		    	var mensaje = response.responseText;
			      		    	deleteTblRowAdded(idTableEmisora);
			      		    	
			   		    		if (mensaje != "" && mensaje != undefined) {
			   		    			setTimeout("alert('"+mensaje+"','Cerrar',{left:460})", 250);        		    			
		  		    		    }else{
		  		    		    	setTimeout("alert('Ocurrió un error al intentar guardar la información.','Cerrar',{left:460})", 250);
		  		    		    }   		    		
			       		    },
			       		    aftersavefunc: function(rowid, response){
			       		    	lastSelEmisora = '';
			       		    	flushTblRowAdded(idTableEmisora, 'arrayCodEmisora', 3, 2, '');
			       		    	
			       		    	initialCheckGrid(arrEmisoras, idTableEmisora, 3, 2, 'arrayCheckEmisora');
			       				recordCheckGrid(idTableEmisora, arrEmisoras, 'codEmisoraHdn', 'arrayCheckEmisora');
			       		    }
			       		});
		    		}			        
		    	}else{
		    		
		    		jQuery('#'+idTableEmisora).jqGrid('editRow',id,
    		        { 
            		    keys : true,
            		    restoreAfterError : true,
            		    errorfunc: function(rowid, response) {
            		    	
           		    		var mensaje = response.responseText;
        		    		if (mensaje != "" && mensaje != undefined) {
        		    			setTimeout("alert('"+mensaje+"','Cerrar',{left:460})", 250);        		    			
       		    		    }else{
       		    		    	setTimeout("alert('Ocurrió un error al intentar guardar la información.','Cerrar',{left:460})", 250);
       		    		    }
            		    },
            		    afterrestorefunc: function(rowid) {
            		    	lastSelEmisora = '';
            		    },
            		    aftersavefunc: function(rowid, response){
            		    	flushTblRowEdited(idTableEmisora, 'arrayCodEmisora', 3, 2, lastSelEmisora);
            		    	lastSelEmisora = '';
            		    	
            		    	initialCheckGrid(arrEmisoras, idTableEmisora, 3, 2, 'arrayCheckEmisora');
            				recordCheckGrid(idTableEmisora, arrEmisoras, 'codEmisoraHdn', 'arrayCheckEmisora');
            		    }
            		});
    		        
		    		lastSelEmisora=id;
    		        if(lastSelEmisora == 'undefined'){
    		        	lastSelEmisora = '';
			        }
		    	}
		    }
		},
		onPaging: function(pgButton) {
			deleteTblRowAdded(idTableEmisora);
        },
		editurl		: rutaContexto+'/configProductForm.do?method=guardarEmisoraAjax',
	    caption		: "Listado de Emisoras",
		data 	 	: data,
		datatype 	: "local",
		height   	: "100%",
		weight 	 	: 1000,
		colNames 	: myColNamesEmisora,
		colModel 	: myDataModelEmisora,
		rowList 	: [5,10,15,20,25],
		rowNum 		: 15, 
		pager 		: paginador,
		viewrecords : true,
		loadonce	: true,
		multiselect : true,			
		subGrid    	: false,
		footerrow  	: false,
		loadComplete :
           function (data) {
			initialCheckGrid(arrEmisoras, idTableEmisora, 3, 2, 'arrayCheckEmisora');
			recordCheckGrid(idTableEmisora, arrEmisoras, 'codEmisoraHdn', 'arrayCheckEmisora');
		}
	});
}

function mostrarTablaSegmentos(data){
	
	var idTableForm = 'listSegmentos';
	$('body').append('<div id="paginador_listSegmentos" class="grid"></div>'); 
	var paginador = "paginador_listSegmentos";
	
	jQuery("#"+idTableForm).jqGrid(
	{
		beforeSelectRow: function(){},
		afterInsertRow: function(id, rowdata, rowelem){
			
			if(id == undefined){
				jQuery("#"+idTableForm).jqGrid('editRow', id,
		        { 
	       		    keys : true,
	       		    restoreAfterError : true,
	       		    errorfunc: function(rowid, response) {
	       		    	
	      		    	var mensaje = response.responseText;
	      		    	deleteTblRowAdded(idTableForm);
	      		    	
	   		    		if (mensaje != "" && mensaje != undefined) {
	   		    			setTimeout("alert('"+mensaje+"','Cerrar',{left:460})", 250);        		    			
  		    		    }else{
  		    		    	setTimeout("alert('Ocurrió un error al intentar guardar la información.','Cerrar',{left:460})", 250);
  		    		    }   		    		
	       		    },
	       		    afterrestorefunc: function(rowid) {
	       		    	lastSelSegmento = '';
	       		    },
	       		    aftersavefunc: function(rowid, response){
	       		    	lastSelSegmento = '';
	       		    	flushTblRowAdded(idTableForm, 'arrayCodSegmento', 3, 2, '');
	       		    	
	       		    	initialCheckGrid(arrSegmentos, idTableSegmento, 3, 2, 'arrayCheckSegmento');
	       				recordCheckGrid(idTableSegmento, arrSegmentos, 'codSegmentoHdn', 'arrayCheckSegmento');
	       		    }
	       		});
			}		
		},
		ondblClickRow: function(id, indexRow, indexCol, e){
			
			if(id && id!==lastSelSegmento){
				
				if(lastSelSegmento != ''){
		        	jQuery('#'+idTableForm).restoreRow(lastSelSegmento,true);
				}
				
		        var codSegmento = document.getElementsByName("codSegmento")[0];
		    	var desSegmento = document.getElementsByName("desSegmento")[0];
		    	
		    	if(codSegmento != undefined && desSegmento != undefined){
		    		if($.trim(codSegmento.value) == '' || $.trim(desSegmento.value) == ''){
		    			
		    			deleteTblRowAdded(idTableForm);
		    			jQuery('#'+idTableForm).jqGrid('editRow',id,
    			        { 
    	        		    keys : true,
    	        		    restoreAfterError : true,
    	        		    errorfunc: function(rowid, response) {
    	        		    	
    	       		    		var mensaje = response.responseText;
    	    		    		if (mensaje != "" && mensaje != undefined) {
    	    		    			setTimeout("alert('"+mensaje+"','Cerrar',{left:460})", 250);        		    			
    	   		    		    }else{
    	   		    		    	setTimeout("alert('Ocurrió un error al intentar guardar la información.','Cerrar',{left:460})", 250);
    	   		    		    }
    	        		    },
    	        		    afterrestorefunc: function(rowid) {
    	        		    	lastSelSegmento = '';
    	        		    },
    	        		    aftersavefunc: function(rowid, response){
    	        		    	flushTblRowEdited(idTableForm, 'arrayCodSegmento', 3, 2, lastSelSegmento);
    	        		    	lastSelSegmento = '';
    	        		    	
    	        		    	initialCheckGrid(arrSegmentos, idTableSegmento, 3, 2, 'arrayCheckSegmento');
    	        				recordCheckGrid(idTableSegmento, arrSegmentos, 'codSegmentoHdn', 'arrayCheckSegmento');
    	        		    }
    	        		});
    			        
		    			lastSelSegmento=id;
    			        if(lastSelSegmento == 'undefined'){
    			        	lastSelSegmento = '';
    			        }    			        
		    			        
		    		}else{
		    			jQuery("#"+idTableForm).jqGrid('saveRow', "undefined",
		    			{
			       		    restoreAfterError : false,
			       		    errorfunc: function(rowid, response) {
			       		    	
			      		    	var mensaje = response.responseText;
			      		    	deleteTblRowAdded(idTableForm);
			      		    	
			   		    		if (mensaje != "" && mensaje != undefined) {
			   		    			setTimeout("alert('"+mensaje+"','Cerrar',{left:460})", 250);        		    			
		  		    		    }else{
		  		    		    	setTimeout("alert('Ocurrió un error al intentar guardar la información.','Cerrar',{left:460})", 250);
		  		    		    }   		    		
			       		    },
			       		    aftersavefunc: function(rowid, response){
			       		    	lastSelSegmento = '';
			       		    	flushTblRowAdded(idTableForm, 'arrayCodSegmento', 3, 2, '');
			       		    	
			       		    	initialCheckGrid(arrSegmentos, idTableSegmento, 3, 2, 'arrayCheckSegmento');
			       				recordCheckGrid(idTableSegmento, arrSegmentos, 'codSegmentoHdn', 'arrayCheckSegmento');
			       		    }
			       		});
		    		}			        
		    	}else{
		    		
		    		jQuery('#'+idTableForm).jqGrid('editRow',id,
    		        { 
            		    keys : true,
            		    restoreAfterError : true,
            		    errorfunc: function(rowid, response) {
            		    	
           		    		var mensaje = response.responseText;
        		    		if (mensaje != "" && mensaje != undefined) {
        		    			setTimeout("alert('"+mensaje+"','Cerrar',{left:460})", 250);        		    			
       		    		    }else{
       		    		    	setTimeout("alert('Ocurrió un error al intentar guardar la información.','Cerrar',{left:460})", 250);
       		    		    }
            		    },
            		    afterrestorefunc: function(rowid) {
            		    	lastSelSegmento = '';
            		    },
            		    aftersavefunc: function(rowid, response){
            		    	flushTblRowEdited(idTableForm, 'arrayCodSegmento', 3, 2, lastSelSegmento);
            		    	lastSelSegmento = '';
            		    	
            		    	initialCheckGrid(arrSegmentos, idTableSegmento, 3, 2, 'arrayCheckSegmento');
            				recordCheckGrid(idTableSegmento, arrSegmentos, 'codSegmentoHdn', 'arrayCheckSegmento');
            		    }
            		});
    		        
		    		lastSelSegmento=id;
    		        if(lastSelSegmento == 'undefined'){
    		        	lastSelSegmento = '';
			        }
		    	}
		    }
		},
		onPaging: function(pgButton) {
			deleteTblRowAdded(idTableForm);
        },
		editurl		: rutaContexto+'/configProductForm.do?method=guardarSegmentoAjax',
	    caption		: "Listado de Segmentos",
		data 	 	: data,
		datatype 	: "local",
		height   	: "100%",
		weight 	 	: 1000,
		colNames 	: myColNamesSegmento,
		colModel 	: myDataModelSegmento,
		rowList 	: [5,10,15,20,25],
		rowNum 		: 15, 
		pager 		: paginador,
		viewrecords : true,
		loadonce	: true,
		multiselect : true,			
		subGrid    	: false,
		footerrow  	: false,
		loadComplete :
           function (data) {
			initialCheckGrid(arrSegmentos, idTableSegmento, 3, 2, 'arrayCheckSegmento');
			recordCheckGrid(idTableSegmento, arrSegmentos, 'codSegmentoHdn', 'arrayCheckSegmento');
		}
	});
}

function deleteSubProducto(){
	
	var selecciones = buscarSelecciones("listSubProductos");
	var formulario = document.getElementById('formConfigProd');
	var codConfigProducto = formulario.codConfigProducto.value;
	var codProductoPadre = formulario.codProductoPadre.value;
	
	if (selecciones.length == 0){
		alert('No ha seleccionado ningún elemento para la eliminación.');
	}else{
		
		var ans = confirm('¿Esta seguro que desea eliminar los registros seleccionados?');
		if(ans){
			
			ConfigProductoAction.eliminarSubProductoAjax(selecciones, codProductoPadre, codConfigProducto, function(msg){
				
				var paramDelete = '';
				if(msg != ''){
					paramDelete = 'logicDelete';
				}
				
				consultarSubProductos(paramDelete, msg);
			});
		}
	}
}

function deleteEmisora(){
	
	var selecciones = buscarSelecciones("listEmisoras");
	var formulario = document.getElementById('formConfigProd');
	var codConfigProducto = formulario.codConfigProducto.value;
	var codProductoPadre = formulario.codProductoPadre.value;
	
	if (selecciones.length == 0){
		alert('No ha seleccionado ningún elemento para la eliminación.');
	}else{
		
		var ans = confirm('¿Esta seguro que desea eliminar los registros seleccionados?');
		if(ans){
			
			ConfigProductoAction.eliminarEmisoraAjax(selecciones, codProductoPadre, codConfigProducto, function(msg){
				
				var paramDelete = '';
				if(msg != ''){
					paramDelete = 'logicDelete';
				}
				
				consultarEmisoras(paramDelete, msg);
			});
		}
	}
}

function deleteSegmento(){
	
	var selecciones = buscarSelecciones("listSegmentos");
	var formulario = document.getElementById('formConfigProd');
	var codConfigProducto = formulario.codConfigProducto.value;
	var codProductoPadre = formulario.codProductoPadre.value;
	
	if (selecciones.length == 0){
		alert('No ha seleccionado ningún elemento para la eliminación.');
	}else{
		
		var ans = confirm('¿Esta seguro que desea eliminar los registros seleccionados?');
		if(ans){
			
			ConfigProductoAction.eliminarSegmentoAjax(selecciones, codProductoPadre, codConfigProducto, function(msg){
				
				var paramDelete = '';
				if(msg != ''){
					paramDelete = 'logicDelete';
				}
				
				consultarSegmentos(paramDelete, msg);
			});
		}
	}
}

function addSubProducto(){
	
	var formulario = document.getElementById('formConfigProd');
	var codConfigProducto = formulario.codConfigProducto.value;
	var familiaProducto = formulario.familiaProducto.value;
	
	var rowid = "-1";
	var mydataadd;
	
	if(familiaProducto == '<%=Constant.FAMILIA_TARJETAS%>'){
		mydataadd = 
			  [{
				codConfigProductoHdn: codConfigProducto,
				idSubProducto: rowid,
				valTasa : "0",
				valTipo : "",
				valBin : "0",
				desSubProducto  : "",
				divisa    : "",
         	   	rangoMin  : "",
         	    rangoMax  : ""
			  }];	
	}else{
		mydataadd = 
			  [{
				codConfigProductoHdn: codConfigProducto,
				idSubProducto: rowid,
				valTasa : "0",
				codSubProducto  : "",
				desSubProducto  : "",
				divisa    : "",
         	   	rangoMin  : "",
         	    rangoMax  : ""
			  }];
	}
	
	if(lastSelSubProducto != ''){
		jQuery('#listSubProductos').restoreRow(lastSelSubProducto,true);
	}
	
	lastSelSubProducto = '';
	
	var subProducto = $("#undefined_desSubProducto");
	if(subProducto.length == 0){
		jQuery("#listSubProductos").addRowData(rowid, mydataadd, 'first');
	}
}

function addEmisora(){
	
	var formulario = document.getElementById('formConfigProd');
	var codConfigProducto = formulario.codConfigProducto.value;
	
	var rowid = "-1";
	var mydataadd = 
		  [{
			codConfigProductoHdn: codConfigProducto,
			codEmisoraHdn: rowid,			
			codEmisora  : "",
		  	desEmisora  : "",
		  	seleccionEmisora : "1"
		  }];
	
	if(lastSelEmisora != ''){
		jQuery('#listEmisoras').restoreRow(lastSelEmisora,true);
	}
	
	lastSelEmisora = '';
	
	var codEmisora = $("#undefined_codEmisora");
	if(codEmisora.length == 0){
		jQuery("#listEmisoras").addRowData(rowid, mydataadd, 'first');
	}
}

function addSegmento(){
	
	var formulario = document.getElementById('formConfigProd');
	var codConfigProducto = formulario.codConfigProducto.value;
	
	var rowid = "-1";
	var mydataadd = 
		  [{
			codConfigProductoHdn: codConfigProducto,
			codSegmentoHdn: rowid,			
			codSegmento  : "",
			desSegmento  : ""	,
			seleccionSegmento : "1"
		  }];
	
	if(lastSelSegmento != ''){
		jQuery('#listSegmentos').restoreRow(lastSelSegmento,true);
	}
	
	lastSelSegmento = '';
	
	var codSegmento = $("#undefined_codSegmento");
	if(codSegmento.length == 0){
		jQuery("#listSegmentos").addRowData(rowid, mydataadd, 'first');
	}
}

function saveConfigurationForm(){
	
	var formulario = document.getElementById('formConfigProd');
	formulario.selSegmentos.value = '';
	formulario.selEmisoras.value = '';
	
	var isOk = true;
	
	var familiaProducto = formulario.familiaProducto.value;
	var codEmisora = document.getElementsByName("codEmisora")[0];
	var desEmisora = document.getElementsByName("desEmisora")[0];
	var codSegmento = document.getElementsByName("codSegmento")[0];
	var desSegmento = document.getElementsByName("desSegmento")[0];
	
	var valTasa = document.getElementsByName("valTasa")[0];
	var valTipo = document.getElementsByName("valTipo")[0];
	var valBin  = document.getElementsByName("valBin")[0];
	var codSubProducto = document.getElementsByName("codSubProducto")[0];
	var desSubProducto = document.getElementsByName("desSubProducto")[0];
	
	if((codEmisora != undefined && $.trim(codEmisora.value) == '') || (desEmisora != undefined && $.trim(desEmisora.value) == '')){
		alert('Debe llenar los datos de la emisora a registrar.');
		isOk = false;
	}
	
	if(isOk){
		if((codSegmento != undefined && $.trim(codSegmento.value) == '') || (desSegmento != undefined && $.trim(desSegmento.value) == '')){
			alert('Debe llenar los datos del segmento a registrar.');
			isOk = false;
		}
	}
	
	if(isOk){
		if(familiaProducto == '<%=Constant.FAMILIA_TARJETAS%>'){
			
			if((desSubProducto != undefined && $.trim(desSubProducto.value) == '') ||
			   (valTasa != undefined && $.trim(valTasa.value) == '') ||
			   (valTipo != undefined && $.trim(valTipo.value) == '') ||
			   (valBin != undefined  && $.trim(valBin.value)  == '')){
				alert('Debe llenar los datos del subproducto a registrar.');
				isOk = false;
			}
			
		}else{
			
			if((codSubProducto != undefined && $.trim(codSubProducto.value) == '') || 
			   (desSubProducto != undefined && $.trim(desSubProducto.value) == '') ||
			   (valTasa != undefined && $.trim(valTasa.value) == '')){
				alert('Debe llenar los datos del subproducto a registrar.');
				isOk = false;
			}
		}
	}
	
	if(isOk){
		var selEmisoras  = searchCheckGrid(arrEmisoras);
		var selSegmentos = searchCheckGrid(arrSegmentos);
		
		formulario.selEmisoras.value = selEmisoras;
		formulario.selSegmentos.value = selSegmentos;
	}
	
	if(isOk){
		
		if(formulario.allCheckSegmento.checked){
			formulario.hdnAllCheckSegmento.value = '';
		}else{
			formulario.hdnAllCheckSegmento.value = 'nothing';
		}
		
		if(formulario.allCheckEmisora.checked){
			formulario.hdnAllCheckEmisora.value = '';
		}else{
			formulario.hdnAllCheckEmisora.value = 'nothing';
		}
		
		showLoading();
		formulario.action = rutaContexto+'/configProductForm.do?method=saveConfigurationForm';
		formulario.submit();
	}
}

</script>

<body onload="closeLoading();consultarEmisoras('', '');consultarSegmentos('', '');consultarSubProductos('', '');">
<html:form styleId="formConfigProd" method="post">

<html:hidden property="hdnAllCheckSegmento" styleId="hdnAllCheckSegmento"/>
<html:hidden property="hdnAllCheckEmisora" styleId="hdnAllCheckEmisora"/>
<html:hidden property="seleccionados" styleId="seleccionados"/>
<html:hidden property="selSegmentos" styleId="selSegmentos"/>
<html:hidden property="selEmisoras" styleId="selEmisoras"/>

<html:hidden property="familiaProducto" value="${command.familiaProducto}" styleId="familiaProducto"/>
<html:hidden property="codProductoPadre" value="${command.codProductoPadre}" styleId="codProductoPadre"/>
<html:hidden property="desProductoPadre" value="${command.desProductoPadre}" styleId="desProductoPadre"/>
<html:hidden property="codConfigProducto" value="${command.codConfigProducto}" styleId="codConfigProducto"/>
<html:hidden property="desConfigProducto" value="${command.desConfigProducto}" styleId="desConfigProducto"/>

	<div style="background-color: #0066bb;">
		<font face="Arial Narrow" size=3 color="#FFFFFF"><b>&nbsp;
		<bean:message key="etiqueta.titleAdminSist"/>
		</b></font>
	</div>
	
	<center>
	<%
	Object messageError = request.getAttribute("messageError");
	if(messageError != null){
		if(messageError instanceof List){
			
			List listMsg = (List)messageError;
			if(!listMsg.isEmpty()){%>
				
				<div class="error">
					<% 
					for(int i = 0; i < listMsg.size(); i++){%>
						<img alt="" src="images/icono_error.png" width="17px" height="17px" class="icon">
			    		<%=listMsg.get(i)%><br/>
					<%}
					%>	
				</div>
			<%}			
			
		}else{
			if(!"".equals(messageError)){%>
				
				<div class="error">
			    	<img alt="" src="images/icono_error.png" width="17px" height="17px" class="icon">
			    	<%=messageError%><br/>
			    </div>				
			<%}
		}
	}
	%>
	

	<%
	Object messageInfo = request.getAttribute("messageInfo");
	if(messageInfo != null){
		if(messageInfo instanceof List){
			
			List listMsg = (List)messageInfo;
			if(!listMsg.isEmpty()){%>
				
				<div class="message">
					<% 
					for(int i = 0; i < listMsg.size(); i++){%>
						<img alt="" src="images/information-icon.png" width="17px" height="17px" class="icon">
			    		<%=listMsg.get(i)%><br/>
					<%}
					%>	
				</div>
			<%}			
			
		}else{
			if(!"".equals(messageInfo)){%>
				
				<div class="message">
			    	<img alt="" src="images/information-icon.png" width="17px" height="17px" class="icon">
			    	<%=messageInfo%><br/>
			    </div>				
			<%}
		}
	}
	%>
	</center>
	
	<br/>
		
		<%--
		<a href="javascript:viewConfigProductList();"><img src="imagenes/btregresar-1.jpg" border="0"></a>&nbsp;&nbsp;
		<a href="javascript:saveConfigurationForm();"><img src="imagenes/btguardar-1.jpg" border="0"></a>
		 --%>
		
		<a href="javascript:viewConfigProductList();" class="buttonOHC">REGRESAR</a>&nbsp;&nbsp;
		<a href="javascript:saveConfigurationForm();" class="buttonOHC">GUARDAR</a>
		
		<br/><br/>
	
		<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
		<tr>
		<td>
			<font face="Arial Narrow" size=3 color="#000080"><b>Configuración de Productos</b></font><br/>
			<table>
			<tr>
			<td><font face="Arial Narrow" size=3 color="#000080">Producto</font>&nbsp;</td>
			<td align="left"><font face="Arial Narrow" size=3 color="#000080"><c:out value="${command.codProductoPadre}"/>:&nbsp;<c:out value="${command.desProductoPadre}"/></font></td>
			</tr>
			
			<tr>
			<td><font face="Arial Narrow" size=3 color="#000080">Configuración</font>&nbsp;</td>
			<td align="left"><font face="Arial Narrow" size=3 color="#000080"><c:out value="${command.codConfigProducto}"/>:&nbsp;<c:out value="${command.desConfigProducto}"/></font></td>
			</tr>
			</table>
			<br><br>
			
			<table>
			<tr>
			<td><font face="Arial Narrow" size=3 color="#000080">Ignorar las emisoras:</font></td>
			<td>
			
			<c:choose>
			<c:when test="${command.allCheckEmisora == 'S'}">
				<input type='checkbox' name='allCheckEmisora' id='allCheckEmisora' value='S' checked="checked" />
			</c:when>
			<c:otherwise>
				<input type='checkbox' name='allCheckEmisora' id='allCheckEmisora' value='S' />
			</c:otherwise>
			</c:choose>
			
			</td>
			</tr>
			</table>
			
			<br/>
			
			<font face="Arial Narrow" size=3 color="#000080">
			Si la Emisora del Cliente es:</font><br/>
			
			<%--
			<a href="javascript:deleteEmisora();"><img src="imagenes/btelimina-1.jpg" border="0"></a>&nbsp;
			<a href="javascript:addEmisora();"><img src="imagenes/btagrega-1.jpg" border="0"></a>
			 --%>
			 
			<a href="javascript:deleteEmisora();" class="buttonOHC">ELIMINAR</a>&nbsp;
			<a href="javascript:addEmisora();" class="buttonOHC">AGREGAR</a>
			
			<br><br>
			
	 		<table id="listEmisoras" class="grid">
			</table>
			
		</td>
		</tr>
		</table>
		
		<br/>
		<table>
		<tr>
		<td><font face="Arial Narrow" size=3 color="#000080">Ignorar los segmentos:</font></td>
		<td>
		
		<c:choose>
		<c:when test="${command.allCheckSegmento eq 'S'}">
			<input type='checkbox' name='allCheckSegmento' id='allCheckSegmento' value='S' checked="checked" />
		</c:when>
		<c:otherwise>
			<input type='checkbox' name='allCheckSegmento' id='allCheckSegmento' value='S' />
		</c:otherwise>
		</c:choose>
		
		</td>
		</tr>
		</table>
		
		<br/>
	 	<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
		<tr>
		<td><font face="Arial Narrow" size=3 color="#000080">	
			Si el Cliente pertenece al Segmento:</font><br/>
			
			<%--
			<a href="javascript:deleteSegmento();"><img src="imagenes/btelimina-1.jpg" border="0"></a>&nbsp;
			<a href="javascript:addSegmento();"><img src="imagenes/btagrega-1.jpg" border="0"></a>
			 --%>
			 
			<a href="javascript:deleteSegmento();" class="buttonOHC">ELIMINAR</a>&nbsp;
			<a href="javascript:addSegmento();" class="buttonOHC">AGREGAR</a>
			
			<br><br>
			
	 		<table id="listSegmentos" class="grid">
			</table>
	 		
	 	</td>
		</tr>
		</table><br/>
	 	
	 	<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
		<tr>
		<td>	 		
	 		
	 		<font face="Arial Narrow" size=3 color="#000080"> 
	 		El Tipo de Riesgo es:<br/>
	 		</font>
	 		
	 		<c:choose>
	 		<c:when test="${command.stRiesgo == 'CQ'}">
	 			<font face="Arial Narrow" size=3 color="#000080">
	 			<input type="radio" name="stRiesgo" value="CQ" checked="checked" >Cualquiera&nbsp;
	 			<input type="radio" name="stRiesgo" value="R1" >R1&nbsp;
	 			<input type="radio" name="stRiesgo" value="R2" >R2&nbsp;
	 			<input type="radio" name="stRiesgo" value="R3" >R3&nbsp;<br/><br/>
	 			</font>
	 		</c:when>
	 		<c:when test="${command.stRiesgo == 'R1'}">
	 			<font face="Arial Narrow" size=3 color="#000080">
	 			<input type="radio" name="stRiesgo" value="CQ" >Cualquiera&nbsp;
	 			<input type="radio" name="stRiesgo" value="R1" checked="checked" >R1&nbsp;
	 			<input type="radio" name="stRiesgo" value="R2" >R2&nbsp;
	 			<input type="radio" name="stRiesgo" value="R3" >R3&nbsp;<br/><br/>
	 			</font>
	 		</c:when>
	 		<c:when test="${command.stRiesgo == 'R2'}">
	 			<font face="Arial Narrow" size=3 color="#000080">
	 			<input type="radio" name="stRiesgo" value="CQ" >Cualquiera&nbsp;
	 			<input type="radio" name="stRiesgo" value="R1" >R1&nbsp;
	 			<input type="radio" name="stRiesgo" value="R2" checked="checked" >R2&nbsp;
	 			<input type="radio" name="stRiesgo" value="R3" >R3&nbsp;<br/><br/>
	 			</font>
	 		</c:when>
	 		<c:when test="${command.stRiesgo == 'R3'}">
	 			<font face="Arial Narrow" size=3 color="#000080">
	 			<input type="radio" name="stRiesgo" value="CQ" >Cualquiera&nbsp;
	 			<input type="radio" name="stRiesgo" value="R1" >R1&nbsp;
	 			<input type="radio" name="stRiesgo" value="R2" >R2&nbsp;
	 			<input type="radio" name="stRiesgo" value="R3" checked="checked" >R3&nbsp;<br/><br/>
	 			</font>
	 		</c:when>
	 		<c:otherwise>
	 		
	 			<%-- Valor por default --%>
	 			<font face="Arial Narrow" size=3 color="#000080">
	 			<input type="radio" name="stRiesgo" value="CQ" checked="checked" >Cualquiera&nbsp;
	 			<input type="radio" name="stRiesgo" value="R1" >R1&nbsp;
	 			<input type="radio" name="stRiesgo" value="R2" >R2&nbsp;
	 			<input type="radio" name="stRiesgo" value="R3" >R3&nbsp;<br/><br/>
	 			</font>
	 			
	 		</c:otherwise>
	 		</c:choose>
	 		
	 		<font face="Arial Narrow" size=3 color="#000080">
	 		Se aplicará lo siguiente:<br/>
	 		SubProductos de la Oferta:<br/>
	 		</font>
	 		
	 		<%--
	 		<a href="javascript:deleteSubProducto();"><img src="imagenes/btelimina-1.jpg" border="0"></a>&nbsp;
			<a href="javascript:addSubProducto();"><img src="imagenes/btagrega-1.jpg" border="0"></a>
	 		 --%>
	 		 
	 		<a href="javascript:deleteSubProducto();" class="buttonOHC">ELIMINAR</a>&nbsp;
			<a href="javascript:addSubProducto();" class="buttonOHC">AGREGAR</a>
			
			<br><br>
	 		
	 		<table id="listSubProductos" class="grid">
			</table>
			
		</td></tr></table>
		
		<br/><br/>		
		<%--
		<a href="javascript:viewConfigProductList();"><img src="imagenes/btregresar-1.jpg" border="0"></a>&nbsp;&nbsp;
		<a href="javascript:saveConfigurationForm();"><img src="imagenes/btguardar-1.jpg" border="0"></a>
		 --%>
		
		<a href="javascript:viewConfigProductList();" class="buttonOHC">REGRESAR</a>&nbsp;&nbsp;
		<a href="javascript:saveConfigurationForm();" class="buttonOHC">GUARDAR</a>
		
</html:form>
</body>
</html>